<template>
    <div class="main max-width">
        <input/>
        <button>搜索</button>
    </div>
</template>

<script type="text/ecmascript-6">
    import header2 from '@/view//common/Header.vue';
    import sider from './Sidebar';
    import category from './Category';
    import vhot from './Hot';
    import vnew from './New';
    import recent from './Recent';
    import vfooter from '@/view/common/Footer';


    export default {
        components: {
            header2,
            sider,
            category,
            vhot,
            vnew,
            recent,
            vfooter
        },
        data: function () {
            return {
                json: {}
            }
        },
        mounted() {
            this.loadData();
        },
        methods: {
            loadData() {
                // this.$http.post("/getHomeData").then(res => {
                //     var json = res.data.data;
                //
                //     this.json = json;
                // })
            }
        }
    }
</script>

<style scoped>
    .home {
        position: relative;
    }

    .main {
        margin: 200px auto;
        text-align: center;
    }

    .main * {
        margin: 20px;
        padding: 5px;
    }

    .main button {
        padding: 5px 15px;
    }
</style>
